{extend name="layout" /}
{block name="main"}
<!-- S setp -->
<ul class="add-goods-step">
  <li class="current"><i class="icon icon-list-alt"></i>
    <h6>STEP.1</h6>
    <h2>选择商品分类</h2>
    <i class="arrow icon-angle-right"></i> </li>
  <li><i class="icon icon-edit"></i>
    <h6>STEP.2</h6>
    <h2>填写商品详情</h2>
    <i class="arrow icon-angle-right"></i> </li>
  <li><i class="icon icon-camera-retro "></i>
    <h6>STEP.3</h6>
    <h2>上传商品图片</h2>
    <i class="arrow icon-angle-right"></i> </li>
  <li><i class="icon icon-ok-circle"></i>
    <h6>STEP.4</h6>
    <h2>商品发布成功</h2>
  </li>
</ul>
<!--S 分类选择区域-->
<div class="wrapper_search">
  <div class="wp_sort">
    <div id="dataLoading" class="wp_data_loading">
      <div class="data_loading">加载中。。。</div>
    </div>
    <div class="sort_selector">
      <div class="sort_title">您常用的商品分类：
        <div class="text" id="commSelect">
            <div>请选择</div>
            <div class="select_list" id="commListArea">
              <ul>
                {if(is_array($staple_array) && !empty($staple_array))}
                {volist name="staple_array" id="val"}
                <li  data-param="stapleid:{{$val.staple_id}}"><span nctype="staple_name">{$val.staple_name}</span><a href="JavaScript:void(0);" nctype="del-comm-cate" title="删除">X</a></li>
                {/volist}
                {/if}
                <li id="select_list_no"{if (!empty($staple_array))} style="display: none;"{/if}><span class="title">您还没有添加过常用的分类</span></li>
              </ul>
            </div>
        </div>
        <i class="icon-angle-down"></i>
      </div>
    </div>
    <div id="class_div" class="wp_sort_block">
      <div class="sort_list">
        <div class="wp_category_list">
          <div id="class_div_1" class="category_list">
            <ul>
              {if (isset($goods_class)) && (!empty($goods_class))}
              {volist name="goods_class" id="val"}
              <li class="" nctype="selClass" data-param="{gcid:{$val['gc_id']},deep:1,tid:{$val['type_id']}}"> <a class="" href="javascript:void(0)"><i class="icon-double-angle-right"></i>{$val['gc_name']}</a></li>
              {/volist}
              {/if}
            </ul>
          </div>
        </div>
      </div>
      <div class="sort_list">
        <div class="wp_category_list blank">
          <div id="class_div_2" class="category_list">
            <ul>
            </ul>
          </div>
        </div>
      </div>
      <div class="sort_list sort_list_last">
        <div class="wp_category_list blank">
          <div id="class_div_3" class="category_list">
            <ul>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="alert">
    <dl class="hover_tips_cont">
      <dt id="commodityspan"><span style="color:#F00;">请选择类别</span></dt>
      <dt id="commoditydt" style="display: none;" class="current_sort">您当前选择的商品类别是：</dt>
      <dd id="commoditydd"></dd>
    </dl>
  </div>
  <div class="wp_confirm">
    <form action="{:url('add_step_two')}" method="get">
      <input type="hidden" name="class_id" id="class_id" value="" />
      <input type="hidden" name="t_id" id="t_id" value="" />
      <div class="bottom tc">
      <label class="submit-border"><input disabled="disabled" nctype="buttonNextStep" value="填写商品信息" type="submit" class="submit"style=" width: 200px;" /></label>
      </div>
    </form>
  </div>
</div>
<script src="__STATIC__/js/common_select.js"></script>
<script src="__STATIC__/js/jquery.mousewheel.js"></script>
<script src="__JS__/store_goods_add.step1.js"></script>
{/block}
